@media (min-width: 768px) {
  .content_form {
   max-width: 450px;
	margin: 0 auto;
  }
}
@media (min-width: 992px)
	.content_form{
		margin-left:33.33333333333333%;;
		width:33.33333333333333%;
		float: left;
	}
}
#login-block{	 
	padding-top: 50px;
	padding-bottom: 25px;
}
#login-block h3{
	color: #000;
	text-align: center;
	font-size:1.5em;
	 opacity: 0.8;
	text-shadow: 2px 2px 2px #FFF;
	font-weight: normal;
 
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	#login-block{	 
		padding-top: 10px;
		padding-bottom: 25px;
	}
	
}

/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px){
	#login-block {	 
		margin: 0 auto;
		width: 420px;
	}
	
}
.login-box{
	max-width:480px;	
	background: transparent url(../img/login-bg.png) repeat;
	border:7px solid red;
	-webkit-background-clip: padding-box; /* for Safari */
	-moz-background-clip: padding-box; /* for old Firefox */
	-o-background-clip: padding-box; /* for old Firefox */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 20px;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}
.login-logo {
	text-align: center;
	padding: 15px 0 10px;
}
.hide {
	display: none !important;
}
.alert {
	padding: 15px;
	margin: 20px auto;
	width: 70%;
	border: 1px solid transparent;
	border-radius: 4px;
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
h4, .h4 {
	font-size: 18px;
}
h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
}
.login-form input {
	display: block;
	margin: 0 auto 15px;
	width: 70%;
	background: #fff;
	border: 1px solid #bfbfbf;
	color: #6c6c6c;
	padding: 8px;
	font-weight:normal;
}
/* Login Button */
.btn.btn-red {
	width: 120px;
	display:block;
	margin: 20px auto 20px;
	color: white;
	text-transform:uppercase ;	
	text-shadow: 1px 2px 2px #c44c4c;
	background: #e75a5a; 
	border: 1px solid #953a3a;
	-webkit-box-shadow: inset 0 1px 2px #ff8c8c;
	-moz-box-shadow: inset 0 1px 2px #ff8c8c;
	box-shadow: inset 0 1px 2px #ff8c8c;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	
}
.btn.btn-red:hover {	 
	background: #d94444; 
} 
.train_row_heading{
	border-radius:4px;
	border:2px solid black;
	background:#f8f8f8;
	padding:40px 0px 40px 0px;		
	color: #777;
	margin-bottom: 5%;
}
.training_row{
	float:left;	
	margin-left: 9%;
	width:13%;
	margin-bottom: 4%;	
	text-align:center;

}
.main_page_content{
	min-height:520px;
}
.page_inner_content{
	margin-top:30px;
	margin-bottom:30px;
}
@media only screen and (max-width: 450px) {
	.training_row{
		width:40%;
		margin-left: 7%;
	}
}
@media (min-width: 451px) and (max-width: 600px) {
	.training_row{
		width:36%;
		margin-left: 8%;
	}
}
@media (min-width: 601px) and (max-width: 800px) {
	.training_row{
		width:25%;
		margin-left: 8%;
	}
}
.training_row img{
	width:80%;                                                                                                                                                                               
}
.fl_left{
	float:left;
}
.fl_clear{
	clear:both;
}
.crs_description{
	padding:10px;
}
.label_heading{
	width:22%;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#777;
}
.label_description{
	width:72%;
	margin-left:15px;
	font-size:14px;
	font-weight:normal;
	color:#777;
}
.desc_row{
	margin-bottom:20px;
}
@media (min-width:150px) and (max-width:200px){
	.img_class{
		width:120px;
		height:120px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}
	.label_heading{
		width:50%;
		font-size:9px;
	}
	.label_description{
		width:34%;
		font-size:10px;
	}
}
@media (min-width:201px) and (max-width:250px){
	.img_class{
		width:145px;
		height:145px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}
	.label_heading{
		width:40%;
		font-size:10px;
	}
	.label_description{
		width:44%;
		font-size:10px;
	}
}
@media (min-width:251px) and (max-width:300px){
	.img_class{
		width:170px;
		height:170px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}
	.label_heading{
		width:31%;
		font-size:9px;
	}
	.label_description{
		width:60%;
		font-size:10px;
	}
}
@media (min-width:301px) and (max-width:350px){
	.img_class{
		width:200px;
		height:200px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}	
	.label_heading{
		width:31%;
		font-size:9px;
	}
	.label_description{
		width:61%;
		font-size:12px;
	}
}
@media (min-width:351px) and (max-width:400px){
	.img_class{
		width:230px;
		height:230px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}	
	.label_heading{
		width:31%;
		font-size:12px;
	}
	.label_description{
		width:62%;
		font-size:14px;
	}
}
@media (min-width:401px) and (max-width:450px){
	.img_class{
		width:250px;
		height:250px;	
		margin-top:10px;
	}
	.img_margin{
		margin-left:0px;
	}
	.label_heading{
		width:26%;
		font-size:12px;
	}
	.label_description{
		width:68%;
		font-size:14px;
	}
}
@media (min-width:451px) and (max-width:500px){
	.img_class{
		width:120px;
		height:120px;	
	}
	.img_margin{
		margin-left:10px;
	}
	.label_heading{
		width:27%;
		font-size:14px;
	}
	.label_description{
		width:68%;
		font-size:14px;
	}
}
@media (min-width:501px) and (max-width:600px){
	.img_class{
		width:140px;
		height:140px;	
	}
	.img_margin{
		margin-left:10px;
	}
	.label_heading{
		width:24%;
		font-size:14px;
	}
	.label_description{
		width:71%;
		font-size:14px;
	}
}
@media (min-width:601px) and (max-width:700px){
	.img_class{
		width:172px;
		height:172px;	
	}
	.img_margin{
		margin-left:10px;
	}
	.label_heading{
		font-size:15px;
	}
}
@media (min-width:701px) and (max-width:800px){
	.img_class{
		width:200px;
		height:200px;	
	}
	.img_margin{
		margin-left:10px;
	}		
	.label_heading{
		width:23%;
		font-size:14px;
	}
	.label_description{
		width:71%;
		font-size:14px;
	}
}
@media (min-width:801px) and (max-width:900px){
	.img_class{
		width:210px;
		height:210px;	
	}
	.img_margin{
		margin-left:10px;
	}	
	.label_heading{
		width:22%;
		font-size:14px;
	}
	.label_description{
		width:72%;
		font-size:14px;
	}
}
@media (min-width:901px) and (max-width:1050px){
	.img_class{
		width:235px;
		height:235px;	
	}
	.img_margin{
		margin-left:10px;
	}
}
@media (min-width:1051px) and (max-width:1200px){
	.img_class{
		width:250px;
		height:250px;	
	}
	.img_margin{
		margin-left:10px;
	}
}
.cart_row_head{
	font-size:14px;
	font-weight:bold;
	margin: auto;
	border:1px solid #CC9999;
	background: #f5f5f5;
	text-align:center;
}
.cart_row_head .col1{
	width:9%;
	border-right:1px solid #CC9999;
	padding:5px;
	text-align: center;
}
.cart_row_head .col2{
	width:16%;
	border-right:1px solid #CC9999;
	padding:5px;
	text-align: center;
}
.cart_row_head .col3{
	width:25%;
	border-right:1px solid #CC9999;
	padding:5px;
	text-align: center;
}
.cart_row_head .col4{
	width:20%;
	border-right:1px solid #CC9999;
	padding:5px;
	text-align: center;
}
.cart_row_head .col5{
	width:30%;
	padding:5px;
	text-align: center;
}
.cart_row_body{
	font-size:14px;
	margin: auto;
	border:1px solid #CC9999;
	border-top:0px solid #CC9999;
	background: #fff;
	text-align:center;
}
.cart_row_body .col1{
	width:9%;
	border-right:1px solid #CC9999;
	padding:5px;
}
.cart_row_body .col2{
	width:16%;
	border-right:1px solid #CC9999;
	padding:5px;
}
.cart_row_body .col3{
	width:25%;
	border-right:1px solid #CC9999;
	padding:5px;
}
.cart_row_body .col4{
	width:20%;
	border-right:1px solid #CC9999;
	padding:5px;
}
.cart_row_body .col5{
	width:30%;
	padding:5px;
}
.shipping_row .shipp_col1{
	width:50%;
	text-align:right;
	font-weight:bold;
}
.shipping_row .shipp_col2{
	width:50%;
}
.billing_address{
	max-width: 480px;	
	border: 7px solid aquamarine;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 20px;
}
.billing_address h2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: gray;
}
.billing_address label {
	display: block;
	font-weight: normal;
	width: 70%;
	margin: 0 auto;
	color: gray;
}
.billing_address input[type='text'], .billing_address select {
	display: block;
	margin: 0 auto 15px;
	width: 70%;
	background: #fff;
	border: 1px solid #bfbfbf;
	color: #6c6c6c;
	padding: 8px;
}
.btn.btn-blue {
	width: 120px;
	display:block;
	margin: 20px auto 20px;
	color: white;
	text-transform:uppercase ;	
	text-shadow: 1px 2px 2px #c44c4c;
	background: #385496; 
	border: 1px solid #953a3a;
	-webkit-box-shadow: inset 0 1px 2px #ff8c8c;
	-moz-box-shadow: inset 0 1px 2px #ff8c8c;
	box-shadow: inset 0 1px 2px #ff8c8c;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	
}
.btn.btn-blue:hover {	 
	background: ##385496; 
} 